<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中医智能 AI 对话系统</title>
    <link rel="stylesheet" href="/static/css/chat.css">
    <link rel="icon" href="static/favicon.ico">
</head>
<body>
<header class="chat-header">
    <div class="container">
        <div class="header-content">
            <a href="/">
                <img src="/static/images/logo.png" alt="DeepSeek Logo" class="logo">
            </a>
            <h1>中医智能辅助系统</h1>
        </div>
    </div>
</header>

<main class="chat-container">
    <div class="chat-sidebar">
        <div class="sidebar-header">
            <h3>知识库导航</h3>
        </div>
        <div class="sidebar-content">
            <ul class="knowledge-list">
                <li><a href="#" data-query="当归">当归</a></li>
                <li><a href="#" data-query="人参">人参</a></li>
                <li><a href="#" data-query="六味地黄丸">六味地黄丸</a></li>
                <li><a href="#" data-query="桂枝汤">桂枝汤</a></li>
            </ul>
        </div>
    </div>

    <div class="chat-main">
        <div class="chat-messages" id="chat-messages">
            <!-- 消息将在这里动态添加 -->
        </div>

        <div class="chat-input">
            <form id="chat-form">
                <input type="text" id="user-input" placeholder="输入中药/方剂名称或提问..." autocomplete="off">
                <button type="submit">发送</button>
            </form>
            <div class="input-hint">
                <p>示例: "当归的功效是什么?" 或直接输入"当归"</p>
            </div>
        </div>
    </div>
</main>

<footer class="chat-footer">
    <div class="container">
        <p>© 2025 深度求索 - 中医AI辅助系统</p>
    </div>
</footer>

<script src="/static/js/chat.js"></script>
</body>
</html>
